<!DOCTYPE html>

<html>
<head>
    <title>Nadiia's Portfolio</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
    <script src="js/jquery-easing-only.js" type="text/javascript"></script>
    <script type="text/javascript">
        if (!hasHtml5()) {
            window.location.href = "main4.html";
        }

        $(document).ready(function() {
            
            init();
          
        });
    </script>

</head>
<body>
<!--<div>
    <button onclick="dumpSource(portfolio.config)">Dump Config</button>
</div>-->

<header id="main_header">
    <nav class="nav"><span style="font-size:51px"></span>
        <li onclick="portfolio.showSection('#web_section')">WEBSITES</li>
        <li ><img src="img/icon_eye.png" alt="" align="middle"></li>
        <li onclick="portfolio.showSection('#print_section')">PRINT</li>
        <li><img src="img/icon_alien.png" alt="" align="middle"></li>
        <li onclick="portfolio.showSection('#illustration_section')">ILLUSTRATIONS</li>
        <li><img src="img/icon_drawing.png" alt="" align="middle"></li>
        <li onclick="portfolio.showSection('#web_section')">VIDEO</li>
        <li><img src="img/icon_ufo.png" alt="" align="middle"></li>
        <li onclick="portfolio.showSection('#photo_section')">PHOTOGRAPHY</li>
        <li><img src="img/icon_fields.png" alt="" align="middle"></li>
        <li onclick="portfolio.showSection('#me_section')">ME</li>
        <li class="saturn" style="cursor:default;"></li>
        <div class="black_divider"></div>
    </nav>
    <div style="height:41px;"></div>
</header>

<div id="main_content">



</div>
<footer class="footer_info">© Nadiia Ievtushenko <script type="text/javascript">document.write((new Date).getFullYear());</script></footer>

<div id="hidden_block">
 <div id="icon_section_container">

        <section id="web_section">
            <header class="section_title_block">
                <h1>WEBSITES + VIDEO</h1>
                <div class="red_divider clear"></div>
            </header>
            <div class="section_content"></div>
        </section>

        <section id="print_section">
            <header class="section_title_block">
                <h1 class="float_left">PRINT</h1>
                <div class="up" onclick="portfolio.showSection('#web_section')"></div>
                <div class="red_divider clear"></div>
            </header>
            <div class="section_content"></div>
        </section>

        <section id="illustration_section">
            <header class="section_title_block">
                <h1 class="float_left">ILLUSTRATION</h1>
                <div class="up" onclick="portfolio.showSection('#print_section')"></div>
                <div class="red_divider clear"></div>
            </header>
            <div class="section_content"></div>
        </section>

        <section id="photo_section">
            <header class="section_title_block">
                <h1 class="float_left">PHOTOGRAPHY</h1>
                <div class="up" onclick="portfolio.showSection('#illustration_section')"></div>
                <div class="red_divider  clear"></div>
            </header>
            <div class="section_content"></div>
        </section>
        <section id="me_section">
          <header class="section_title_block">
            <h1 class="float_left">ME</h1>
            <div class="up" onclick="portfolio.showSection('#photo_section')"></div>
            <div class="red_divider clear"></div>
          </header>
          <section class="me_content">
               <div class="infographics">
                   <div class="email">
                     <img src="img/contact/email.png" alt="">
                     <div class="email_text"><a href="mailto:sayhello@i-nadiia.com">sayhello@i-nadiia.com</a></div>
                   </div>
                   <div class="center">
                     <img src="img/contact/tools.png" alt="">
                   </div>
               </div>
               <div class="infographics">
                   <img src="img/contact/skills.png" alt="">
               </div>
               <div class="infographics">
                   <div class="photo" onclick="portfolio.showSection('#photo_section')"><img src="img/contact/photo_link.png" alt=""></div>
                   <div class="philosophy">“With love of making things better”</div>
                   <div style="text-align:center;"><img src="img/contact/technology.png" alt=""></div>
               </div>
          </section>
        </section>

    </div>    
</div>

</body>
</html>